<template>
  <el-table-column
    v-bind="$attrs"
    :label="label"
    :prop="getField(props.prop,props.propEn)"
  >
    <template #default="scope">
      <!-- 无自定义时，默认展示逻辑 -->
      <slot name="default" v-bind="scope">
        <!-- 根据当前语言环境显示对应字段 -->
        {{ getContent(scope.row) }}
      </slot>
    </template>
  </el-table-column>
</template>

<script setup lang="ts">
import {getField} from "@/components/TablePro/data";


// 接收父组件传入的中英文字段名
const props = defineProps({
  prop: {
    type: String,
    description: '中文内容对应的字段名'
  },
  propEn: {
    type: String,
    description: '英文内容对应的字段名'
  },
  label: {
    type: String
  },
})

// 内置内容展示逻辑
const getContent = (row) => {
  return row[getField(props.prop,props.propEn)]
}


</script>
